html,
body {
  width: 100%;
  height: 100%;
}

.container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.cntcontainer {
  width: 60%;
  height: 900px;
  margin-top: 25px;
  display: flex;
  flex-direction: row;
}

/* 内容左区 */
.cntleft {
  width: 300px;
  height: 700px;
  margin-right: 20px;
}
.user_info {
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.user_img {
  width: 90px;
  height: 90px;
  background-color: plum;
  border-radius: 50%;
}
.user_img img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
.user_nickname {
  width: 170px;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 8px;
}
.user_nickname .Nickname {
  font-size: 25px;
}
.user_edit {
  width: 40px;
  height: 100px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.user_edit a {
  color: #797e94;
}

.control_info {
  width: 100%;
  height: 70px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.control_info a {
  color: #797e94;
}
.followers {
  width: 75px;
  height: 70px;
}
.stars {
  width: 75px;
  height: 70px;
}
.following {
  width: 75px;
  height: 70px;
}
.watches {
  width: 75px;
  height: 70px;
}
.infotext {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.infonumber {
  color: #537c8d;
  font-size: 20px;
}
.createarea {
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.user_create {
  width: 250px;
  height: 40px;
  background-color: #fe7300;
  color: #fff;
  font-size: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.user_create:hover{
    box-shadow: 0px 0px 5px #ccc;
}

/* 内容右区 */
.cntright {
  width: 750px;
  height: 100%;
}

.cntop{
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: #5C5C5C;
}
.commonNote,.selfNote{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 50px;
  width: 100px;
}
.cntop a{
  height: 50px;
  margin-left: 10px;
  color: #5C5C5C
}
.cntop a:hover{
  background-color: #fe7300;
  color: #fff;
}
.selectNote{
  background-color: #fe7300;
  color: #fff;
}

.cncenter{
  width: 100%;
  height: 100%;
  /* background-color: blueviolet; */
  /* overflow:scroll; */
  /* border: 1px solid #fe7300; */
}
.mainifream{
  width: 100%;
  height: 100%;
  /* overflow: hidden; */
}
.notearea{
  width: 100%;
  height: 50px;
  margin-top: 5px;
  border-bottom: 1px solid #C0C0C0;
}
.gonote{
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  color: black;
  font-size: 16px;
  font-family: 'Microsoft YaHei'
}
.nickname{
  margin-right: 25px;
}
.title{
  margin-right:25px;
}
.gonote:hover{
  color: #fe7300;
}
